<template>
	<div id='price-info'>
		<div class='content'>
			<p>
				<span>商品合计</span>
				<span>￥{{allMoney}}</span> 
			</p>
			<p>
				<span>优惠卷抵扣</span>
				<span>-￥{{coupon}}</span>
			</p>
			<p>
				<span>趣币抵扣</span>
				<span>-￥{{quMoney}}</span>
			</p>
		</div>
	</div>
</template>

<script>
	export default {
		props:['allMoney','coupon','quMoney'],
	}
</script>

<style scoped>
	#price-info{
		height:110px;
		background: white;
		text-indent:1rem;
	}
	.content{
		padding: 1rem 0;
		line-height: 28px;
		font-weight: 600;
	}
	.content p{
		position: relative;
	}
	.content p span:last-of-type{
		position: absolute;
		right: 1rem;
		color: red;
	}
</style>